@import 'components/_layout/font';

#root,
body,
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  background-color: #09090b;
  font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', 'Segoe UI',
    'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
}

html {
  font-size: 43.8px;
}

body {
  cursor: url('../public/svg/cursor-default.svg'), default;
  a,
  button {
    cursor: url('../public/svg/cursor-pointer.svg'), pointer;
  }
  .cursor-default {
    cursor: url('../public/svg/cursor-default.svg'), default;
  }
  .cursor-pointer,
  [data-cursor='pointer'] {
    cursor: url('../public/svg/cursor-pointer.svg'), pointer;
  }
  .cursor-play,
  body [data-cursor='play'] {
    cursor: url('../public/svg/cursor-play.svg'), pointer;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation: fadeIn 0.3s ease 1 forwards;
}
